<!doctype html>
<html lang="en">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">

		<!-- favicon -->
		<link rel="icon" sizes="16x16" href="assets/img/favicon1.ico">

		<!-- Title -->
		<title> ASLife 生活分享平台 </title>

		<!-- Font Google -->
		<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
			rel="stylesheet">

		<!-- CSS Plugins -->
		<link rel="stylesheet" href="assets/css/all.css">
		<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.css">

		<!-- main style -->
		<link rel="stylesheet" href="assets/css/style.css">

	</head>

	<body>
		<!--loading -->
		<div class="loading">
			<div class="circle"></div>
		</div>
		<!--/-->

		<!-- Navigation-->
		<nav class="navbar navbar-expand-lg fixed-top">
			<div class="container-fluid">
				<!--logo-->
				<div class="logo">
					<a href="index.html">
						<img src="assets/img/aslife-logo.png" alt="">
					</a>
				</div>
				<!--/-->

				<!--navbar-collapse-->
				<div class="collapse navbar-collapse" id="main_nav">
					<ul class="navbar-nav ml-auto mr-auto">
						<li class="nav-item ">
							<a class="nav-link" href="index.html"> 首页 </a>

						</li>

						<li class="nav-item ">
							<a class="nav-link " href="find.html"> 发现 </a>

						</li>


						<li class="nav-item">
							<a class="nav-link" href="about.html"> About </a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="publish.html"> 发表 </a>
						</li>
						
					</ul>
				</div>
				<!--/-->

				<!--navbar-right-->
				<div class="navbar-right ml-auto">
					<div class="social-icones">
						<ul class="list-inline">



							<a href="login.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-person-circle" viewBox="0 0 16 16">
									<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
									<path fill-rule="evenodd"
										d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
								</svg>
							</a>


							<a href="index.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-chat-square-text-fill" viewBox="0 0 16 16">
									<path
										d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z" />
								</svg>
							</a>


						</ul>
					</div>

					<div class="search-icon">
						<i class="icon_search"></i>
					</div>

					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
				</div>
			</div>
		</nav>
		<!--/-->


		<!--post-default-->
		<section class="section pt-55 ">
			<div class="container">
				<div class="row">
					<div class="col-lg-10 offset-lg-1 mb-20">
						<!--Post-single-->

						<div class="post-single">
							<!-- <div class="post-single-image">
                            <img src="assets/img/blog/6.jpg" alt="">
                        </div>
                        <div class="post-single-content">
                            <a href="blog-grid.html" class="categorie">travel</a> 
                            <h4>What the secrets you will know about jordan petra if visit it one day? </h4>
                            <div class="post-single-info">
                                <ul class="list-inline">
                                    <li><a href="author.html"><img src="assets/img/author/1.jpg" alt=""></a></li>
                                    <li><a href="author.html">David Smith</a> </li>
                                    <li class="dot"></li>
                                    <li>January 15, 2021</li>
                                    <li class="dot"></li>
                                    <li>3 comments</li>
                                </ul>
                            </div>
                        </div> -->

							<!-- <div class="post-single-body">
                            <p>
                                Its sometimes her behaviour are contented. Do listening am eagerness oh objection collected. Together gay feelings continue
                                juvenile had off Unknown may service 
                                subject her letters one bed. Child years noise ye in forty. Loud in this in both
                                hold. My entrance me is disposal bachelor remember relation
                            </p> -->



							<!-- <h5> 1 - Pick a sustainable travel destination </h5> -->

							<!-- <p>
                                Oh acceptance apartments up sympathize astonished delightful. Waiting him new lasting towards. Continuing melancholy especially
                                so to. Me unpleasing  impossible in attachment announcing so astonished. What ask leaf may nor upon door. Tended remain
                                my do stairs. Oh smiling amiable am so visited cordial in offices hearted.
                            </p> -->
							<!-- <p>
                                Oh acceptance apartments up sympathize astonished delightful. Waiting him new lasting towards. Continuing melancholy especially
                                so to. Me unpleasing impossible in attachment announcing so astonished. What ask leaf may nor upon door. Tended remain
                                my do stairs. Oh smiling amiable am so visited cordial in offices hearted.
                            </p> -->
							<!-- <div class="row">
                                <div class="col-md-12 ">
                                    <div class="image">
                                        <img src="assets/img/blog/2.jpg" alt="">
                                        <p>Caption can be used to add info</p>
                                    </div>
                                </div>                             
                            </div> -->

							<!--  <p> Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
                                in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
                                in culpa qui officia
                                deserunt mollit anim id est laborum.
                            </p>
                            <h5>2 -  Research before booking</h5>
                        
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                                irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                                cupidatat non proident.
                            </p>
                            <div class="quote">
                                <div><i class="icon_quotations_alt"></i></div>
                                <p>
                                    The man who goes alone can start today; but he who 
                                    travels with another must wait till that other is ready.
                                </p>
                                <small>Henry David Thoreau.</small>
                            </div>
                    -->
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                                irure dolor Unknown may service in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                                cupidatat non proident.
                            </p> -->
							<!-- <h5>3 - Pack light , Easy Sustainable Travel Tip</h5> -->

							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                                irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                                cupidatat non proident.
                            >sunt in culpa qui officia deserunt mollit anim id e st laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam.
                            </p> -->
							<!-- <div class="row">
                                <div class="col-md-6 ">
                                    <div class="image">
                                        <img src="assets/img/blog/21.jpg" alt="">
                                        <p>Caption can be used to add info</p>
                                    </div>
                                </div>
                                <div class="col-md-6 ">
                                    <div class="image">
                                        <img src="assets/img/blog/20.jpg" alt="">
                                        <p>Caption can be used to add info</p>
                                    </div>
                                </div>
                            </div>
                          -->
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                                irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                                cupidatat non proident.
                            </p> -->
							<!-- <h5>4 - Be respectful of the environment</h5> -->
							<!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                            
                            </p> -->
							<!-- <ul class="list">
                                <li>Be respectful of the environment </li>
                                <li>Pick a sustainable travel destination instead of a popular one</li>
                                <li>Research before booking</li>
                                <li>Pack light , Easy Sustainable Travel Tip</li>
                                <li>Be respectful of the environment</li>
                            </ul>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
                                irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                            </p> -->
							<!-- </div> -->


						</div>



						<!--next & previous-posts-->
						<div class="row">
							<div class="col-md-6">
								<div class="widget">
									<div class="widget-next-post">
										<div class="small-post">
											<div class="image">
												<a href="post-default.html">
													<img src="assets/img/latest/1.jpg" alt="...">
												</a>
											</div>
											<div class="content">
												<div>
													<a class="link" href="post-default.html">
														<i class="arrow_left"></i>上一篇</a>
												</div>
												<a href="post-default.html">7 Healty Dinner Recipes for a Date Night at
													Home</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6">
								<div class="widget">
									<div class="widget-previous-post">
										<div class="small-post">
											<div class="image">
												<a href="post-default.html">
													<img src="assets/img/blog/2.jpg" alt="...">
												</a>
											</div>
											<div class="content">
												<div>
													<a class="link" href="post-default.html">
														<span>下一篇</span>
														<span class="arrow_right"></span>
													</a>
												</div>
												<a href="post-default.html">How to Choose Outfits for Work for woman and
													men</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--/-->

						<!--widget-comments-->
						<div class="widget mb-50">
							<div class="title">
								<h5>评论</h5>
							</div>
							<ul class="widget-comments" id="comment">
								<li class="comment-item">
                                <img src="assets/img/user/1.jpg" alt="">
                                <div class="content">
                                    <ul class="info list-inline">
                                        <li>Mohammed Ali</li>
                                        <li class="dot"></li>
                                        <li> January 15, 2021</li>
                                    </ul>
                                    <p>哈哈
                                    </p>
                                    <div>
                                        <a href="#" class="link">
                                            <i class="arrow_back"></i> Reply</a>
                                    </div>
									
									<!-- 二级评论-->
									<div>
										<div>
										
										<div class="content">
										    <ul class="info list-inline">
										        <li>Mohammed Ali</li>
										        <li class="dot"></li>
										        <li> January 15, 2021</li>
										    </ul>
										    <p>哈哈
										    </p>
										    <div>
										        <a href="#" class="link">
										            <i class="arrow_back"></i> Reply</a>
										    </div>
											</div>
										
									</div>

									
									
                                </div>
                            </li>
                            <li class="comment-item">
                                <img src="assets/img/author/1.jpg" alt="">
                                <div class="content">
                                    <ul class="info list-inline">
                                        <li>Simon Albert</li>
                                        <li class="dot"></li>
                                        <li> January 15, 2021</li>
                                    </ul>
                        
                                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus at doloremque adipisci eum placeat quod
                                        non fugiat aliquid sit similique!
                                    </p>
                                    <div>
                                        <a href="#" class="link">
                                            <i class="arrow_back"></i> Reply</a>
                                    </div>
                                </div>
                            </li>
                            <li class="comment-item">
                                <img src="assets/img/user/2.jpg" alt="">
                                <div class="content">
                        
                                    <ul class="info list-inline">
                                        <li>Adam bobly</li>
                                        <li class="dot"></li>
                                        <li> January 15, 2021</li>
                                    </ul>
                        
                                    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus at doloremque adipisci eum placeat quod
                                        non fugiat aliquid sit similique!
                                    </p>
                        
                                    <div>
                                        <a href="#" class="link">
                                            <i class="arrow_back"></i> Reply</a>
                                    </div>
                                </div>
                            </li>
							</ul>
							<!--Leave-comments-->
							<div class="title">
								<h5>Leave a Reply</h5>
							</div>
							<form class="widget-form" action="#" method="POST" id="main_contact_form">
								<p>Your email adress will not be published ,Requied fileds are marked*.</p>
								<div class="alert alert-success contact_msg" style="display: none" role="alert">
									Your message was sent successfully.
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="form-group">
											<textarea name="message" id="message" cols="30" rows="5"
												class="form-control" placeholder="Message*"
												required="required"></textarea>
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<input type="text" name="name" id="name" class="form-control"
												placeholder="Name*" required="required">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<input type="email" name="email" id="email" class="form-control"
												placeholder="Email*" required="required">
										</div>
									</div>
									<div class="col-12 mb-20">
										<div class="form-group">
											<input type="text" name="website" id="website" class="form-control"
												placeholder="website">
										</div>
										<label>
											<input name="name" type="checkbox" value="1" required="required">
											<span>save my name , email and website in this browser for the next time I
												comment.</span>
										</label>
									</div>
									<div class="col-12">
										<button type="submit" name="submit" class="btn-custom">
											Post Comment
										</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--/-->



		<!--Search-->
		<div class="search">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
						<button type="button" class="close">
							<i class="icon_close"></i>
						</button>
						<form class="search-form" action="#">
							<input type="search" value="" placeholder="What are you looking for?">
							<button type="submit" class="search-btn">search</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--/-->

		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="assets/js/jquery-3.5.0.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>

		<script>
			console.log(window.location.href)
			let id = window.location.href.split("?")[1]
			console.log(id)

			// var tu1 = $(".post-single-image").html();

			$(document).ready(function() {

				//初始加载调用一次
				getData();
				getData1();

				function getData() {

					//jQuery封装的方法
					$.ajax({

						url: "http://localhost:8080/api/article/" + id,
		 			async: true,
						dataType: "json",
						type: "get",
						// 请求成功后，服务端正常响应的回调函数
						success: function(responsedata) {

							let d = responsedata.data;
							console.log(d)
							let str = `
                        <div class="post-single-image">
                            <img src="assets/img/asoul/${d.img}" alt="">
                        </div>
                        <div class="post-single-content">
                            <a href="blog-grid.html" class="categorie">travel</a> 
                            <h4>${d.title}</h4>
                            <div class="post-single-info">
                                <ul class="list-inline">
                                    <li><a href="author.html"><img src="assets/img/author/1.jpg" alt=""></a></li>
                                    <li><a href="author.html">${d.aid}</a> </li>
                                    <li class="dot"></li>
                                    <li>December 1, 2022</li>
                                    <li class="dot"></li>
                                    <li>点赞数:${d.goods}</li>
                                </ul>
                            </div>
                        </div>
                  
                        <div class="post-single-body">
                            <p>
                                ${d.text}
                            </p>                  
                        </div>`;
							$(".post-single").append(str);
						}

						// resolvepage();


					});
				}

				// function getData1() {

				// 	//jQuery封装的方法
				// 	$.ajax({

				// 		url: "http://localhost:8080/api/commentFirstByGoods/" + id,
				// 		async: true,
				// 		dataType: "json",
				// 		type: "get",
				// 		// 请求成功后，服务端正常响应的回调函数
		 	// 		success: function(responsedata) {

				// 			let list = responsedata.list;
				// 			for (let l of list) {
				// 				console.log(l)
				// 				let str = `
		  //               <li class="comment-item">
		  //                   <img src="assets/img/user/1.jpg" alt="">
		  //                   <div class="content">
		  //                       <ul class="info list-inline">
		  //                           <li>${l.userName}</li>
		  //                           <li class="dot"></li>
		  //                           <li>${l.commentDate}</li>
				// 					<li class="dot"></li>
				// 					<li>点赞数：${l.goods}</li>
		  //                       </ul>
		  //                       <p>
				// 				${l.commentDetails}
		  //                       </p>
		  //                       <div>
		  //                           <a href="#" class="link">
		  //                               <i class="arrow_back"></i> Reply</a>
		  //                       </div>
		  //                   </div>
		  //               </li>`;
				// 				$("#comment").append(str);
				// 			}
				// 		}

				// 		// resolvepage();


				// 	});
				// }
			});
		</script>

		<!-- JS Plugins  -->
		<script src="assets/js/ajax-contact.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/main.js"></script>


	</body>
</html>
